<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left" id="do-nicescrol">
       
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="ui-tabs.html#">Dropdown One</a>
                        <a class="dropdown-item" href="ui-tabs.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="ui-tabs.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="ui-tabs.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">标签和手风琴</h4>
               <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>


        <div class="row">
            <div class="col-lg-6">
                <ul class="nav nav-tabs tabs">
                    <li class="active tab">
                        <a href="ui-tabs.html#home-2" data-toggle="tab" aria-expanded="false">
                            家
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#profile-2" data-toggle="tab" aria-expanded="false">
                            轮廓
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#messages-2" data-toggle="tab" aria-expanded="true">
                            消息
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#settings-2" data-toggle="tab" aria-expanded="false">
                            设置
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="home-2">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                    <div class="tab-pane" id="profile-2">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。.</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="messages-2">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。.</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                    <div class="tab-pane" id="settings-2">
                        <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <ul class="nav nav-tabs tabs tabs-top">
                    <li class="active tab">
                        <a href="ui-tabs.html#home-21" data-toggle="tab" aria-expanded="false">
                            家
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#profile-21" data-toggle="tab" aria-expanded="false">
                            轮廓
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#messages-21" data-toggle="tab" aria-expanded="true">
                            消息
                        </a>
                    </li>
                    <li class="tab">
                        <a href="ui-tabs.html#settings-21" data-toggle="tab" aria-expanded="false">
                            设置
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="home-21">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="profile-21">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="messages-21">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="settings-21">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-lg-6">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a href="ui-tabs.html#home" data-toggle="tab" aria-expanded="false" class="nav-link">
                            家
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#profile" data-toggle="tab" aria-expanded="true" class="nav-link active">
                            轮廓
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#messages" data-toggle="tab" aria-expanded="false" class="nav-link">
                            消息
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#settings" data-toggle="tab" aria-expanded="false" class="nav-link">
                            设置
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane" id="home">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane active" id="profile">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="messages">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                    <div class="tab-pane" id="settings">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <ul class="nav nav-tabs navtab-bg nav-justified">
                    <li class="nav-item">
                        <a href="ui-tabs.html#home1" data-toggle="tab" aria-expanded="false" class="nav-link">
                            家
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#profile1" data-toggle="tab" aria-expanded="true" class="nav-link active">
                            轮廓
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#messages1" data-toggle="tab" aria-expanded="false" class="nav-link">
                            消息
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="ui-tabs.html#settings1" data-toggle="tab" aria-expanded="false" class="nav-link">
                            设置
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane" id="home1">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane active" id="profile1">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="messages1">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。.</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                    </div>
                    <div class="tab-pane" id="settings1">
                        <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                        <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-lg-6">
                <div class="tabs-vertical-env">
                    <ul class="nav tabs-vertical">
                        <li class="nav-item">
                            <a href="ui-tabs.html#v-home" data-toggle="tab" aria-expanded="false" class="nav-link">
                                家
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v-profile" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                轮廓
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v-messages" data-toggle="tab" aria-expanded="false" class="nav-link">
                                消息
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v-settings" data-toggle="tab" aria-expanded="false" class="nav-link">
                                设置
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane" id="v-home">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                        </div>
                        <div class="tab-pane active" id="v-profile">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                        </div>
                        <div class="tab-pane" id="v-messages">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                        </div>
                        <div class="tab-pane" id="v-settings">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="tabs-vertical-env">
                    <div class="tab-content">
                        <div class="tab-pane active" id="v2-home">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                        </div>
                        <div class="tab-pane" id="v2-profile">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。.</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。</p>
                        </div>
                        <div class="tab-pane" id="v2-messages">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                        </div>
                        <div class="tab-pane" id="v2-settings">
                            <p>Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT。保留茉莉方便的需要。茉莉花质量。当拉手光芒超级碗山瞬间。直到比足球，ultricies，孩子们的足球，一个的价格，沙拉。没有一个食谱的质量。.</p>
                            <p>只是直到脚和分类并不香蕉，牛肉功能，价格低廉。事实上，胡斯托，rhoncus UT，imperdiet一个，venenatis简历，胡斯托。说软脚足球继电器天然气价格。Tincidunt.Cras完整的蛋白质。如果不是总是生活元素。NUNC抵扣区域。Aenean LEO ligula，porttitor欧盟，consequat简历，eleifend交流，enim。.</p>
                        </div>
                    </div>
                    <ul class="nav tabs-vertical">
                        <li class="nav-item">
                            <a href="ui-tabs.html#v2-home" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                家
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v2-profile" data-toggle="tab" aria-expanded="false" class="nav-link">
                                轮廓
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v2-messages" data-toggle="tab" aria-expanded="false" class="nav-link">
                                消息
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="ui-tabs.html#v2-settings" data-toggle="tab" aria-expanded="false" class="nav-link">
                                设置
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>  <!-- end row -->


        <div class="row">
            <div class="col-lg-6">
                <div id="accordion" role="tablist" aria-multiselectable="true" class="m-b-20">
                    <div class="card">
                        <div class="card-header" role="tab" id="headingOne">
                            <h5 class="mb-0 mt-0">
                                <a data-toggle="collapse" data-parent="#accordion" href="ui-tabs.html#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Collapsible Group Item #1
                                </a>
                            </h5>
                        </div>

                        <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
                            <div class="card-body">
                                DA合成老生常谈的批评，对于这样的高寿命声讨特里·理查森的鱿鱼。没有什么，我的灵魂阿拉伯头巾Helvetica字体，工艺啤酒名气不知道如何聪明人的事情韦斯·安德森excepteur的劳动。
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" role="tab" id="headingTwo">
                            <h5 class="mb-0 mt-0">
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="ui-tabs.html#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Collapsible Group Item #2
                                </a>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="card-body">
                                DA合成老生常谈的批评，对于这样的高寿命声讨特里·理查森的鱿鱼。没有什么，我的灵魂阿拉伯头巾Helvetica字体，工艺啤酒名气不知道如何聪明人的事情韦斯·安德森excepteur的劳动。
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" role="tab" id="headingThree">
                            <h5 class="mb-0 mt-0">
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="ui-tabs.html#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Collapsible Group Item #3
                                </a>
                            </h5>
                        </div>
                        <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="card-body">
                                DA合成老生常谈的批评，对于这样的高寿命声讨特里·理查森的鱿鱼。没有什么，我的灵魂阿拉伯头巾Helvetica字体，工艺啤酒名气不知道如何聪明人的事情韦斯·安德森excepteur的劳动。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <p>
                    <a class="btn btn-primary" data-toggle="collapse" href="ui-tabs.html#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        Link with href
                    </a>
                    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        Button with data-target
                    </button>
                </p>
                <div class="collapse show" id="collapseExample">
                    <div class="card card-body">
                        DA合成老生常谈的批评，对于这样的高寿命声讨特里·理查森的鱿鱼。没有什么，我的灵魂阿拉伯头巾Helvetica字体，工艺啤酒名气不知道如何聪明人的事情韦斯·安德森excepteur的劳动。
                    </div>
                </div>
            </div>
        </div> <!-- end row -->

        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

    </body>
</html>